<script>
	export default {
		onLaunch: function() {
			// console.log('App Launch')
		},
		onShow: function() {
			// console.log('App Show')
		},
		onHide: function() {
			// console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";

	@import "@/static/uni-app-style-master/index.scss";
	/* 样式库 */
	@import '/static/thinco.scss';
	.u-page {
		position: relative;
		z-index: 1;
	}
	.page-bg {
		background-color: #f5f5f5;
	}
	
	// 侧边栏z-index弹框
	.sidebar {
		position: relative;
		z-index: 1;
	}
	.popup-view {
		width: 640rpx;
		.title {
			font-size: 28rpx;
			line-height: 80rpx;
			text-align: center;
		}
		.form-view {
			padding: 0 40rpx;
			.form-item {
				margin-bottom: 10rpx;
				display: flex;
				align-items: center;
				.label {
					flex: 1;
					text-align: right;
				}
				.value {
					flex: 5;
					padding-left: 20rpx;
					align-items: center;
				}
			}
		}
		.bot-view {
			border-top: 1rpx solid #eee;
			.btn {
				border-right: 1rpx solid #eee;
				line-height: 80rpx;
				color: #999;
				flex: 1;
				text-align: center;
				&:last-child {
					color: #409EFF;
					border-right: none;
				}
			}
		}
	}
	// 侧边栏弹框
	.pop-view {
	  width: 500rpx;
	  .fot-btn {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    padding-bottom: 20rpx;
	  }
	  .reset {
	    color: #409eff !important;
	    background-color: #e3edff !important;
		border-color: #e3edff !important;
	  }
	  .cl-cell {
	  	height: 80rpx;
	  	border-bottom: 1rpx solid #efefef;
	  	padding: 0 20rpx 0 40rpx;
	  	.title {
	  		color: #999;
	  	}
	  	.value {
	  		flex: 1;
	  		overflow: hidden;
	  		height: 40rpx;
	  		color: #999;
	  		padding-left: 20rpx;
	  	}
	  }
	}
	.pop-top {
		margin-top: 88rpx;
	}
	.green {
		color: #53c21d !important;
	}
	.blue {
		color:#409EFF !important;
	}
	.red {
		color: #f00 !important;
	}
	.grey {
		color: #999 !important;
	}
	// 底部导航
	.fixed-btn {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  padding: 20rpx 30rpx 20rpx;
	  background: #fafafa;
	  .card-btn {
	    color: #409eff !important;
	    border-radius: 40rpx 0 0 40rpx !important;
	  }
	  .save-btn {
	    border-radius: 0 40rpx 40rpx 0 !important;
	  }
	}
	
	// 自定义select
	.pop-ul {
	  width: 540rpx;
	  border-radius: 10rpx;
	  overflow: hidden;
	
	  .pop-li {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 32rpx;
	    height: 90rpx;
	
	    &:nth-child(2n) {
	      background-color: #eee;
	    }
	  }
	
	  .active {
	    background-color: #27c8f8 !important;
	    color: #fff;
	  }
	}
</style>